<!DOCTYPE html>
<html lang="en" style="height: 100%;">
<head>
    <meta charset="UTF-8">
    <title>{% block title %}books{% endblock title%}</title>
    <link rel="stylesheet" href="/static/css/base.css">
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body style="height: 100%;">
    <div class="header">

    </div>
    <div class="body">
        <div class="nav col-md-2">
            <li><a href=""><span class="glyphicon glyphicon-home" aria-hidden="true"></span> &nbsp&nbsp首页</a></li>
            <li><a href=""><span class="glyphicon glyphicon-menu-hamburger" aria-hidden="true"></span> &nbsp&nbsp图书馆</a></li>
            <li><a href=""><span class="glyphicon glyphicon-link" aria-hidden="true"></span> &nbsp&nbsp其他</a></li>
            <li><a href=""><span class="glyphicon glyphicon-link" aria-hidden="true"></span> &nbsp&nbsp其他</a></li>
            <li><a href=""><span class="glyphicon glyphicon-link" aria-hidden="true"></span> &nbsp&nbsp其他</a></li>
            <li><a href=""><span class="glyphicon glyphicon-link" aria-hidden="true"></span> &nbsp&nbsp其他</a></li>
        </div>

        <div class="content col-md-10">
            {% block content %}
                <div class="panel panel-info">
                    <div class="panel-heading">{% block content-header %}内容{% endblock content-header %}</div>
                    <div class="panel-body">
                        {% block content-body %}什么都没有{% endblock content-body %}
                    </div>
                </div>
            {% endblock content %}
        </div>
    </div>

</body>
</html>